<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>商品搜索 - 恩爸商城</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/search.css">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="index.html">恩爸商城</a>
            </div>
            <div class="search">
                <input type="text" placeholder="请输入商品关键词" id="searchInput">
                <button class="search-btn">搜索</button>
            </div>
        </div>
    </div>
    
    <div class="search-container">
        <div class="container">
            <div class="search-content">
                <!-- 筛选栏 -->
                <div class="filter-bar">
                    <div class="sort-options">
                        <span class="sort-item active" data-sort="default">综合排序</span>
                        <span class="sort-item" data-sort="sales">销量优先</span>
                        <span class="sort-item" data-sort="price">价格</span>
                    </div>
                    <div class="result-count">
                        共<span id="total-count">0</span>个商品
                    </div>
                </div>

                <!-- 商品列表 -->
                <div class="product-list" id="productList">
                    <!-- 商品列表将通过JS动态渲染 -->
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="copyright">
                    Copyright © 2024 恩爸商城 All Rights Reserved
                </div>
            </div>
        </div>
    </div>
    
    <script src="js/searchData.js"></script>
    <script src="js/search.js"></script>
</body>
</html> 